.notice {
  padding: 20rpx;
}

.daily-recommend {
  padding: 20rpx;
  .daily-recommend-value {
    font-size: 30rpx;
    color: #3fcec6;
    font-weight: 600;
  }
  
  .daily-recommend-select{
    padding-top: 20rpx;
    .daily-recommend-content{
      width: 720rpx;
      scroll-view{
        white-space: nowrap;
        padding: 10rpx 0;
        .img-box{
          display: inline-block;
          width: 200rpx;
          height: 430rpx;
          margin-right: 20rpx;
          
          .img-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 16rpx;
            overflow: hidden;
            box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            
            &:active {
              transform: scale(0.98);
              box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15);
            }
            
            image {
              width: 100%;
              height: 100%;
              transition: transform 0.3s ease;
            }
            .img-overlay {
              position: absolute;
              /* 贴底显示 */
              bottom: 0;
              left: 0;
              right: 0;

              background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
              padding: 20rpx 15rpx;
              opacity: 1; /* 改为始终显示 */
              .img-title {
                color: #fff;
                font-size: 24rpx;
                font-weight: 500;
                display: block;
                margin-bottom: 8rpx;
              }
              
              .img-actions {
                display: flex;
                align-items: center;
                gap: 8rpx;
                
                .view-count {
                  color: #fff;
                  font-size: 20rpx;
                  opacity: 0.8;
                }
              }
            }
            
            &:hover image,
            &:active image {
              transform: scale(1.05);
            }
          }
        }
      }
    }
  }
}

.featured-topics {
  padding: 20rpx;
  
  .featured-topics-value {
    font-size: 30rpx;
    color: #3fcec6;
    font-weight: 600;
  }
  
  .featured-topics-select {
    padding-top: 20rpx;
    .featured-topics-content{
      display: grid;
      grid-gap: 20rpx;
      grid-template-columns: repeat(3, 1fr);
    }
  }
}








